<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/main2.css">
</head>
<body>
<div id="wrap">
    <header>
        <nav>东莞铧冠橡塑料制品有限公司能管中心</nav>
        <div class="top_bar left_bar">
            <div class="inner">
                <span>企业概览</span>
            </div>
        </div>
        <div class="top_bar right_bar">
            <div class="inner">
                <span id="date"></span>
                <p id="time"></p>
            </div>
        </div>
    </header>
    <div class="container">
        <div class="top_table">
            <table width="900" cellpadding="0" cellspacing="0" >
                <thead>
                <tr>
                    <th>用能概况</th>
                    <th width="22" class="space"></th>
                    <th>电（千瓦时）</th>
                    <th>天然气（立方米）</th>
                </tr>
                </thead>
                <tbody>
                <tr class="space_tr">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <th>今日用量</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                <tr>
                    <th>当月用量</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                <tr>
                    <th>当年用量</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>39202</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="chart">
            <div class="box fl">
                <h3>综合能耗对比</h3>
                <div id="zhnh_month" class="chart_box"></div>
                <div id="zhnh_year" class="chart_box"></div>
            </div>
            <div class="box fr">
                <h3>标准产品单耗对比</h3>
                <div id="cpdh_month" class="chart_box"></div>
                <div id="cpdh_year" class="chart_box"></div>
            </div>
        </div>
        <div class="sub_table">
            <table width="1100">
                <thead>
                <tr>
                    <th>用能概况</th>
                    <th width="22" class="space"></th>
                    <th>综合能耗</th>
                    <th>实际产量</th>
                    <th>拆标产量</th>
                    <th>单位实际产品能耗</th>
                    <th>单位标准产品能耗</th>
                </tr>
                </thead>
                <tbody>
                <tr class="space_tr">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <th>昨日</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                <tr>
                    <th>上月</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
<script src="../js/lib/echarts.min.js"></script>
<script src="../js/main2.js"></script>
</html>